<!-- INCLUDE BLOCK : header -->
<script type="text/javascript">
$(document).ready(function(){

     
	$("#btn_enviar").click(function(event) {
	        event.preventDefault();
			$(this).hide();
	   $.post('../php/controller/enviaCliente.php', $('#form').serialize(), function(response){
			$( "#dialog-message" ).dialog({
				modal: true,
				buttons: {
				Ok: function() {
				$( this ).dialog( "close" );
					window.location.assign("../pagina/index.php?p=tplista");
				},
			},
			});	
		}, 'html');
	});
 
});
	

</script>

<script type="text/javascript">
            function getEndereco() {
                    if($.trim($("#cep").val()) != ""){
                        $.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+$("#cep").val(), function(){
                            if(resultadoCEP["resultado"] != 0){
                                $("#rua").val(unescape(resultadoCEP["tipo_logradouro"])+": "+unescape(resultadoCEP["logradouro"]));
                                $("#bairro").val(unescape(resultadoCEP["bairro"]));
                                $("#cidade").val(unescape(resultadoCEP["cidade"]));
                                $("#estado").val(unescape(resultadoCEP["uf"]));
                            }else{
                                alert("Endereço não encontrado");
                            }
                        });				
                    }			
            }
        </script>
		
<div style="display:none" id="dialog-message" title="Mensagem do sistema!">
<p>
<span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
{mensagem}
</p>
</div>
<div class="middle">
		<div class="sessao">
			<h1>Inserir Cliente:</h1>
		</div>
			<form method="POST" ID="form">
			<div class="table">
				<div class="collabel">
					Nome completo:*
				</div>
				<div class="row">
				    <input type="hidden" name="id" id="id" value="{id}"/>
					<input  class="large" type="text" name="nome" id="nome" value="{nome}"/>
				</div>
			</div>
			<div class="clear"></div>
			<div class="table">
				<div class="collabel">
					CEP:*
				</div>
				<div class="row">
					<input class="large" type="text" name="cep" id="cep" onBlur="getEndereco()" value="{cep}"/>
				</div>
			</div>
			<div class="clear"></div>
			<div class="table">
				<div class="collabel">
					Rua:*
				</div>
				<div class="row">
					<input class="large" type="text" name="rua" id="rua" value="{rua}"/>
				</div>
			</div>
			<div class="clear"></div>
			<div class="table">
				<div class="collabel">
					Bairro:*
				</div>
				<div class="row">
					<input class="large" type="text" name="bairro" id="bairro" value="{bairro}"/>
				</div>
			</div>
			
			<div class="clear"></div>
			<div class="table">
				<div class="collabel">
					Cidade:*
				</div>
				<div class="row">
					<input class="large" type="text" name="cidade" id="cidade" value="{cidade}"/>
				</div>
			</div>
			<div class="clear"></div>
			<div class="table">
				<div class="collabel">
					email:*
				</div>
				<div class="row">
					<input class="medium" type="text" name="email" id="email" value="{email}"/>
				</div>
			</div>
			<div class="clear"></div>
			<div class="table">
				<div class="collabel">
					Telefone:*
				</div>
				<div class="row">
					<input class="medium" type="text" name="telefone" id="telefone" value="{telefone}"/>
				</div>
			</div>
			<div class="clear"></div>		
			<div class="table">
				<div class="row">
					<input id="btn_enviar" class="btn_enviar" value="{btn_cadastro}" type="submit"/>
				</div>
			</div>				
			</form>
		
</div>
<!-- INCLUDE BLOCK : footer -->	